<template>
  <div class="about-page">
    <h1>关于本学习项目</h1>
    <p>这是一个Vue学习项目，用于系统学习Vue框架的各项特性。</p>
    
    <h2 class="mt-6">学习目标</h2>
    <ul class="list-disc pl-6">
      <li>掌握Vue基础语法和核心概念</li>
      <li>学会组件化开发思想</li>
      <li>熟练使用Vue Router进行路由管理</li>
      <li>通过实战项目巩固所学知识</li>
    </ul>
  </div>
</template>

<style scoped>
.about-page {
  max-width: 800px;
  margin: 2rem auto;
  padding: 0 1rem;
}

h1 {
  color: #333;
  margin-bottom: 1.5rem;
}

h2 {
  color: #555;
}
</style>
